<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<html class="no-js">
<head>
  <title>订餐</title>
  <%@ include file="../../mobilehead_inc.jsp" %>
</head>
<style>
.shop-cart{
	margin-right: 5px;
	margin-top: 5px;
}

</style>
<body >
<header data-am-widget="header" class="am-header am-header-default joan-head2 ">
			<div class="am-header-left am-header-nav">
				<a href="javascript:history.back()" class="">
					<i class="am-icon-mail-reply"></i>
				</a>
			</div>
			<h1 class="am-header-title">
  	            <a href="" class="">待收货</a>
            </h1>
           
		</header>
		<c:if test="${empty orderInfos}"><br/><div class="c-com-money" style="text-align: center"><span style="color: gray">还没有订单待收货</span></div></c:if>
		
		<c:if test="${!empty confirm}"><div class="am-alert am-alert-success" data-am-alert>
  			<button type="button" class="am-close">&times;</button>
  			<p>${confirm}</p>
		</div></c:if>
		
		<c:forEach items="${orderInfos}" var="li">
	  
		
		
		<div class="c-comment">
			<span class="c-comment-num">订单编号：${li.orderId}</span>
			<span class="c-comment-suc">待收货</span>
		</div>
	
		
		<div class="c-comment-list" style="border: 0;">

			<a class="o-con" href="/mobile/ordercon?orderId=${li.orderId}" target="_self">
            	<div class="o-con-img"><img src="${li.commodityInfo.photo}"/></div>
                <div class="o-con-txt"><p>${li.commodityInfo.names }</p></div>
            	<div class="o-con-much"></div>
            	
            </a>
           
           <div class="c-com-money" style="text-align: center">应付金额：<span>￥ ${li.payPrice }&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: gray"><small>下单：&nbsp;${li.payTime }</small></span></span></div>
		</div>
	
	
		<div class="shop-cart">
			<a href="/mobile/confirm?orderId=${li.orderId }" target="_self">确认收货</a>
		</div>
	</c:forEach>

<!--底部 -->
${bottom}
</body>
</html>